import Caption from '~/components/text/caption'
import { Image } from '~/components/media'

export const meta = {
  editUrl: 'pages/docs/integrations/integrations-docs-mdx/examples/counter.mdx',
  lastEdited: '2019-10-15T22:03:42.000Z'
}

## Counter

This is the same example as we created in [Creating an Integration](#creating-an-integration) section. This Integration increments a counter when the user clicks a button.

Take a look at the [code on GitHub](https://github.com/zeit/integrations/tree/master/counter).

<Image
  src={`${process.env.ASSETS}/docs/integrations/examples/counter.png`}
  width={1776/2}
  height={426/2}
/>
<Caption>An example of a Counter Integration.</Caption>
